<template>
  <div class="game page" ref="engine_target"></div>
</template>

<script>
import { onMounted } from "@vue/runtime-core"
import { renderTo } from "../engine"
import { ref } from "vue"

export default {
  name: "Game",
  setup() {
    const engine_target = ref(null)

    onMounted(() => renderTo(engine_target.value))

    return { engine_target }
  },
}
</script>

<style scoped>
.game {
  min-height: 100vh;
  background-color: #42b983;
}
</style>